$(function() {
    getUserInfo()

    //退出弹出层
    $('#btnLogout').on('click',function() {
        layer.confirm('确定退出登录', {icon: 3, title:'提示'}, function(index){
            //清空本地的token
            localStorage.removeItem('token')
            //跳转到登录页面
            location.href = '/login.html'
            
            layer.close(index);
          });
    })
})

//获取用户基本信息
function getUserInfo() {
    $.ajax({
        method : 'GET',
        url : '/my/userinfo',
        // headers : {
        //     Authorization: localStorage.getItem('token') || ''
        // },
        success : function(res) {
            if (res.status !== 0) {
                return layui.layer.msg('获取用户信息失败')
            }
            console.log(res);
            renderAvatar(res.data)
        },
        // //成功或失败都会执行
        // complete(res) {
        //     console.log(res);
        //     if (res.responseJSON.status ===1 && res.responseJSON.message === '身份认证失败！') {
        //         //强制清空token
        //         localStorage.removeItem('token')
        //         //强制跳转到登录页面
        //         location.href = '/login.html'
        //     }
        // }
    })
}

//渲染头像图片
function renderAvatar(user) {
    //获取名称
    const name = user.nickname || user.username
    //设置欢迎的文本
    $('#welcome').html('欢迎&nbsp;&nbsp;' + name)
    if (user.user_pic !== null) {
        //渲染图片头像
        $('.layui-nav-img').attr('src',user.user_pic).show()
        $('.text-avatar').hide()
    } else {
        //渲染文本头像
        $('.layui-nav-img').hide()
        const first = name[0].toUpperCase()
        $('.text-avatar').html(first).show()
    }
}